<template>
  <div class="city-header">
    <div class="left" @click="toHome()">
      <i class="iconfont icon-fanhui"></i>
    </div>
    <div class="city-title">城市选择</div>
  </div>
</template>
<script>
export default {
  methods: {
    toHome() {
      this.$router.push("/home");
    }
  }
};
</script>


<style lang="stylus" scoped>
@import '~css/var.styl'

.city-header
  background $bgColor
  color $textColor
  font-size 0.28em
  height 0.88rem
  line-height 0.6rem
  position relative

  .left
    position absolute
    font-weight bolder
    font-size 0.36rem
    text-align left
    margin 0.11rem 0
    width 0.4rem
    padding 0 0.2rem

    .iconfont
      vertical-align middle

.city-title
  text-align center
  line-height 0.88rem
</style>

